/*
	Operation Ruthless - Main CSS file for AWE stats

	File name: ruthless.css
	File URL: funn/css/ruthless.css
	Author: stephen giorgi
	Aurhor URL: http://www.alphavega.com
	Author email: stephen.giorgi@alphavega.com

Contents:
@0 - Imports/Reset
@1 - 
@2 - Nav
	@2.1 - Nav Icons
		@2.1.1 - Calander
		@2.1.2 - Clock
		@2.1.3 - Robot
		@2.1.4 - Today
		@2.1.5 - IP
		@2.1.6 - Country
		@2.1.7 - File
		@2.1.8 - OS
		@2.1.9 - Browser
		@2.1.10 - Magnifing Glass
@3 - Stats Styles
	@3.1 - Stats Tables
	@3.2 - Section Specific Styles
		@3.2.1 - Hourly
		@3.2.2 - Monthly
		@3.2.3 - Browser/OS
		@3.2.4 - Domain/IP
		@3.2.5 - Files/Pages
		@3.2.6 - Robots/Search
@9 - Footer/Globals
@10 - Plugins
	@10.1 - Colorbox theme 2
	@10.2 - Datepicker
	@10.3 - jQuery Dropdown
*/
/*###############
@0 - Imports/Reset 
###############*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT);
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,img,strong,sup{margin:0;padding:0;border:none;}ul{margin:0}html,body{height:100%}html{overflow:scroll}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body { background:rgba(0,0,0,0.9); color:#000; }
pre { color:#fff; }
h2 {
	-webkit-border-top-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topright:15px;
	-moz-border-radius-topleft:15px;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
	font-family:'OFL Sorts Mill Goudy TT', Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	text-shadow:0px -1px 0px rgba(255,255,255,0.5);
	height:35px;
	width:100%;
}
#navHead {
	position:fixed;
	top:0px;
	left:11%;
	width:85%;
	background:rgba(255,255,255,0.4);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-size:20px;
	font-family:'OFL Sorts Mill Goudy TT', Verdana, Geneva, sans-serif;
	z-index:1000;
}
header p { margin:2px auto; text-align:center; text-shadow:0px -1px 0px #fff; font-size:30px; }
#navHead:hover { z-index:1010; background:rgba(255,255,255,1); }

#controls {
	display:none;
	margin:15px auto;
	position:relative;
	width:600px;
}
#navHead:hover #controls {
	display:block;
	-webkit-transition-timing-function:1s, ease;
}
.goButton
{
	width:70px;
	height:30px;
	border:1px solid #030;
	border:1px solid rgba(0,0,0,0.5);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:15px auto;
	padding:2px 10px 10px 10px;
	font-family:'OFL Sorts Mill Goudy TT', Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:28px;
	text-align:center;
	text-decoration:none;
	color:#631266;
	cursor:pointer;
	background:rgba(212,119,218,0.85);
	-o-box-shadow:0 2px 6px rgba(0,0,0,0.5),
			inset 0 1px rgba(255,255,255,0.3),
			inset 0 10px rgba(255,255,255,0.2),
			inset 0 10px 20px rgba(255,255,255,0.25),
			inset 0 -15px 30px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.5),
			inset 5px 5px 20px rgba(137,201,255,0.3),
			inset 10px 10px 25px rgba(255,255,255,0.5),
			inset 0 -20px 20px rgba(0,0,0,0.3);
	-moz-box-shadow:0 2px 6px rgba(0,0,0,0.5),
			inset 0 1px rgba(255,255,255,0.3),
			inset 0 10px rgba(255,255,255,0.2),
			inset 0 10px 20px rgba(255,255,255,0.25),
			inset 0 -15px 30px rgba(0,0,0,0.3);
	box-shadow:0 2px 6px rgba(0,0,0,0.5),
			inset 0 1px rgba(255,255,255,0.3),
			inset 0 10px rgba(255,255,255,0.2),
			inset 0 10px 20px rgba(255,255,255,0.25),
			inset 0 -15px 30px rgba(0,0,0,0.3);
}
.goButton:hover {
	background:rgba(73,131,179,0.75);
	color:#461500;
}

#dayR, #dayR2 {
	position:absolute;
	left:318px;
	top:10px;
}
.goButton {
	position:absolute;
	top:-16px;
	right:0;
}

/*###############
@2 - Nav
###############*/
nav {
	background:rgba(1,210,67,0.3);
	border:2px solid #fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	width:200px;
	height:500px;
	font-family:'PT Sans';
	-webkit-box-shadow:inset 20px 40px 40px rgba(1, 214, 72, 0.7),
		inset 10px 20px 20px rgba(1,210,67,0.3),
		inset -10px 0 10px rgba(7,228,13,0.3),
		-5px -10px 10px rgba(7,228,13,0.3),
		-10px -10px 5px 5px rgba(255, 255, 255, 0.2);
	-moz-box-shadow:inset 20px 40px 40px rgba(1, 214, 72, 0.7),
		inset 10px 20px 20px rgba(1,210,67,0.3),
		inset -10px 0 10px rgba(7,228,13,0.3),
		-5px -10px 10px rgba(7,228,13,0.3),
		-10px -10px 5px 5px rgba(255, 255, 255, 0.2);
	box-shadow:inset 20px 40px 40px rgba(1, 214, 72, 0.7),
		inset 10px 20px 20px rgba(1,210,67,0.3),
		inset -10px 0 10px rgba(7,228,13,0.3),
		-5px -10px 10px rgba(7,228,13,0.3),
		-10px -10px 5px 5px rgba(255, 255, 255, 0.2);
	position:fixed;
	left:-144px;
	z-index:1000;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
#nav {
	position:relative;
	left:-40px;
}
#nav li {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	width:190px;
	height:40px;
	margin:5px;
	list-style:none;
	position:relative;
	text-align:right;
}
#nav li a {
	position:relative;
	left:-55px;
	top:6px;
	color:#fff;
	text-decoration:none;
	text-shadow:0 -1px 0px rgba(41,41,41,0.9);
}
nav:hover {
	background:rgba(196,32,38,0.3);
	-webkit-box-shadow:inset 20px 40px 40px rgba(234,89,90,0.7),
		inset 10px 20px 20px rgba(196,32,38,0.3),
		inset -10px 0 10px rgba(196,32,38,0.3),
		-5px -5px 10px rgba(196,32,38,0.3),
		-10px -10px 5px 5px rgba(255,255,255,0.2);
	-moz-box-shadow:inset 20px 40px 40px rgba(234,89,90,0.7),
		inset 10px 20px 20px rgba(196,32,38,0.3),
		inset -10px 0 10px rgba(196,32,38,0.3),
		-5px -5px 10px rgba(196,32,38,0.3),
		-10px -10px 5px 5px rgba(255,255,255,0.2);
	box-shadow:inset 20px 40px 40px rgba(234,89,90,0.7),
		inset 10px 20px 20px rgba(196,32,38,0.3),
		inset -10px 0 10px rgba(196,32,38,0.3),
		-5px -5px 10px rgba(196,32,38,0.3),
		-10px -10px 5px 5px rgba(255,255,255,0.2);
	left:10px;
	-webkit-transition:all 2s ease-out;
	-moz-transition:all 2s ease-out;
	-o-transition:all 2s ease-out;
	transition:all 2s ease-out;
}
#nav li:hover {
	background:rgba(0,0,0,1);
	-webkit-box-shadow:inset 2px 2px 2px 2px rgba(255,255,255,0.3);
	-moz-box-shadow:inset 2px 2px 2px 2px rgba(255,255,255,0.3);
	box-shadow:inset 2px 2px 2px 2px rgba(255,255,255,0.3);
	cursor:pointer;
}

#nav li:hover a { color:#c42026; }
/*###############
@2.1 - Nav Icons
###############*/
.navIcon {
	width:32px;
	height:32px;
	display:block;
	font-family:serif;
	position:relative;
	left:148px;
	top:-17px;
}
/*@2.1.1 - Calander Icon*/
#monthIcon { top:-19px; }
.calRing {
	background:#000;
	border-radius:5px;
	-moz-border-radius:5px;
	width:5px;
	height:15px;
	display:block;
	border-bottom-color:#900;
	position:absolute;
	top:0;
	z-index:100;
}
#monthIcon .calRing:nth-child(1) {
	left:4px;
}
#monthIcon .calRing:nth-child(2) {
	right:4px;
}
.calPaper {
	position:absolute;
	top:8px;
	left:1px;
	background:#fff;
	display:block;
	width:30px;
	height:25px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:2px 2px 2px #333333,
		inset 3px 2px 5px rgba(255, 255, 255, 0.4),
		inset -1px -1px 5px #292929;
	-moz-box-shadow:2px 2px 2px #333333,
		inset 3px 2px 5px rgba(255, 255, 255, 0.4),
		inset -1px -1px 5px #292929;
	box-shadow:2px 2px 2px #333333,
		inset 3px 2px 5px rgba(255, 255, 255, 0.4),
		inset -1px -1px 5px #292929;
	
}
.calName {
	margin:5px auto;
	display:block;
	font-weight:bold;
	color:rgba(41,41,41,1);
	text-shadow:0px 1px 0px #CCC;
	width:28px;
}

/*@2.1.2 - Clock Icon*/
#clock {
	background:rgba(174,5,5,0.9);
	background:rgba(255,255,255,1);
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	-moz-box-shadow:2px 2px 2px #000,
		inset 2px 2px 5px #CCC;
	-webkit-box-shadow:2px 2px 2px #000;
	top:-19px;
}
.minHand {
	height:14px;
	width:0;
	margin:2px auto 0;
	border:1px solid #333;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	display:block;
}
.hourHand {
	height:7px;
	width:0;
	margin:0 auto;
	border:1px solid #333;
	display:block;
}
.hour01 {
	-webkit-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	transform:rotate(30deg);
	margin:-9px 18px;
}
.hour02 {
	-webkit-transform:rotate(60deg);
	-moz-transform:rotate(60deg);
	-o-transform:rotate(60deg);
	transform:rotate(60deg);
	margin:-7px 19px;
}
.hour03 {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	margin:-3px 21px;
}
.hour04 {
	-webkit-transform:rotate(120deg);
	-moz-transform:rotate(120deg);
	-o-transform:rotate(120deg);
	transform:rotate(120deg);
	margin:0px 20px;
}
.hour05 {
	-webkit-transform:rotate(150deg);
	-moz-transform:rotate(150deg);
	-o-transform:rotate(150deg);
	transform:rotate(150deg);
	margin:2px 18px;
}
.hour06 {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	margin:3px auto;
}
.hour07 {
	-webkit-transform:rotate(210deg);
	-moz-transform:rotate(210deg);
	-o-transform:rotate(210deg);
	transform:rotate(210deg);
	margin:1px 12px;
}
.hour08 {
	-webkit-transform:rotate(240deg);
	-moz-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	transform: rotate(240deg);
	margin:-1px 9px;
}
.hour09 {
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	transform:rotate(270deg);
	margin:-6px 8px;
}
.hour10 {
	-webkit-transform:rotate(300deg);
	-moz-transform:rotate(300deg);
	-o-transform:rotate(300deg);
	transform:rotate(300deg);
	margin:-7px 9px;
}
.hour11 {
	-webkit-transform:rotate(330deg);
	-moz-transform:rotate(330deg);
	-o-transform:rotate(330deg);
	transform:rotate(330deg);
	margin:-10px 12px;
}
.hour12	{ margin:-7px auto; }
.clockInner {
	background:#452200;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	display:block;
	width:6px;
	height:6px;
	position:absolute;
	top:13px;
	left:13px;
	z-index:100;
}

/*@2.1.3 - Robot Icon*/
#robotIcon { top:-12px; }
#robotIcon .robotAntena {
	border:2px solid rgba(220,70,0,0.8);
	height:14px;
	width:0;
	display:block;
	position:absolute;
	top:-7px;
	z-index:90;
}
#robotIcon .robotAntena:nth-child(1) { left:8px; -moz-transform:rotate(150deg); -webkit-transform:rotate(150deg); -o-transform:rotate(150deg); transform:rotate(150deg); }
#robotIcon .robotAntena:nth-child(2) { right:8px; -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(300deg); transform:rotate(300deg);}
#robotIcon .robotFace {
	background:rgba(41,41,41,0.9);
	-moz-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5),
		inset 5px 5px 3px rgba(0,0,0,0.7);
	-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5),
		inset 5px 5px 3px rgba(0,0,0,0.7);
	box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5),
		inset 5px 5px 3px rgba(0,0,0,0.7);
	width:30px;
	height:28px;
	display:block;
	position:relative;
	margin:0 auto;
	z-index:100;
}
#robotIcon .robotEye {
	display:block;
	width:2px;
	height:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:4px solid #fff;
	background:#000;
	position:absolute;
	top:3px;
}
#robotIcon .robotEye:nth-child(1) { left:1px; }
#robotIcon .robotEye:nth-child(2) {	right:1px; }
#robotIcon .robotMouth {
	border-collapse:collapse;
	background:#fff;
	position:absolute;
	bottom:1px;
	left:4px;
}
#robotIcon .robotMouth tr {
	border:none;
}
#robotIcon .robotMouth tr td {
	width:3px;
	height:4px;
	border:2px solid;
	padding:0;
}

/*@2.1.4 - Today Icon*/
#todayIcon {
	background:#fff;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	-webkit-box-shadow:inset 1px 1px 4px rgba(41,41,41,0.5);
	-moz-box-shadow:inset 1px 1px 4px rgba(41,41,41,0.5);
	text-align:center;
	color:#000;
	text-shadow:0px 1px 0px #666;
	font-weight:bold;
}
#todayIcon > span {
	font-size:10px;
	background:rgba(255,13,0,0.9);
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	display:block;	
	height:12px;
}

/*@2.1.5 - IP Icon*/
#IPIcon {
	background:rgba(0,51,0,0.7);
	-webkit-box-shadow:inset 0 5px 8px rgba(0,115,29,0.3),
			inset 2px 2px 7px rgba(255,255,255,0.3);
	-moz-box-shadow:inset 0 5px 8px rgba(0,115,29,0.3),
			inset 2px 2px 7px rgba(255,255,255,0.3);
	box-shadow:inset 0 5px 8px rgba(0,115,29,0.3),
			inset 2px 2px 7px rgba(255,255,255,0.3);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#IPIcon span {
	border:2px solid #fff;
	display:block;
	position:absolute;
	-webkit-box-shadow:inset 1px 1px 3px rgba(41,41,41,0.9);
	-moz-box-shadow:inset 1px 1px 3px rgba(41,41,41,0.9);
	box-shadow:inset 1px 1px 3px rgba(41,41,41,0.9);
}
.IPcon {
	background:#fff;
	border:none !important;
	-webkit-border-radius:2px !important;
	-moz-border-radius:2px !important;
	border-radius:2px !important;
    height:7px;
    width:7px;
    left:4px;
    top:3px;
}
#IPIcon span.IPcon:nth-child(2) {
	left:21px;
	top:22px;
}
.IPright {
	border-left:none !important;
	-webkit-border-radius:0 6px 6px 0;
	-moz-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;
    height:8px;
    width:12px;
    position:absolute;
	left:11px;
    top:6px;
}
.IPleft {
	border-right:none !important;
	-webkit-border-radius:6px 0 0 6px;
	-moz-border-radius:6px 0 0 6px;
	border-radius:6px 0 0 6px;
    height:8px;
    width:12px;
    left:7px;
    top:16px;
}

/*@2.1.6 - Country Icon*/
#countryIcon {
	height:24px;
	background:#fff;
	-moz-box-shadow:inset 4px 4px 10px rgba(41,41,41,0.4);
	-webkit-box-shadow:inset 4px 4px 10px rgba(41,41,41,0.4);
	box-shadow:inset 4px 4px 10px rgba(41,41,41,0.4);
}
.ring {
	border:1px solid;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	width:8px;
	height:8px;
	background:none;
	position:absolute;
	display:block
}
.ring1 {
	border-color:#00C;
	left:1px;
	top:5px;

}
.ring2 {
	left:11px;
	top:5px;
}
.ring3 {
	border-color:#C00;
	left:22px;
	top:5px;
}
.ring4 {
	border-color:#FF0;
	left:6px;
	top:10px;
}
.ring5 {
	border-color:#060;
	left:18px;
	top:10px;
}

/*@2.1.7 - File Icon*/
#fileIcon {
	background: none repeat scroll 0 0 #FFFFFF;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;	
	width:28px;
	-webkit-box-shadow:inset 0 -2px 7px rgba(41, 41, 41, 0.4);
	-moz-box-shadow:inset 0 -2px 7px rgba(41, 41, 41, 0.4);
	box-shadow:inset 0 -2px 7px rgba(41, 41, 41, 0.4);
	left:146px;
}
#fileIcon > span {
	border-color:rgba(0,58,110,0.85) rgba(0,58,110,0.85) #fff #fff;
	border-style:solid;
	border-width:5px;
	display:block;
	height:0;
	width:0;
	-webkit-box-shadow:-1px 2px 2px #000000;
	-moz-box-shadow:-1px 2px 2px #000000;
	box-shadow:-1px 2px 2px #000000;
	position:absolute;
	left:18px;
	top:0;	
}

/*@2.1.7 - OS Icon*/
#OSIcon {

}
.OSscreen {
	-moz-box-shadow:inset 0 5px 5px rgba(255, 255, 255, 0.6),
			inset 5px 0 15px rgba(255, 255, 255, 0.3),
			inset 0 0 5px #000,
			inset -5px -5px 13px rgba(255, 255, 255, 0.3),
			inset -1px -1px 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:inset 0 5px 5px rgba(255, 255, 255, 0.6),
			inset 5px 0 15px rgba(255, 255, 255, 0.3),
			inset 0 0 5px #000,
			inset -5px -5px 13px rgba(255, 255, 255, 0.3),
			inset -1px -1px 1px rgba(0, 0, 0, 0.4);
	box-shadow:inset 0 5px 5px rgba(255, 255, 255, 0.6),
			inset 5px 0 15px rgba(255, 255, 255, 0.3),
			inset 0 0 5px #000,
			inset -5px -5px 13px rgba(255, 255, 255, 0.3),
			inset -1px -1px 1px rgba(0, 0, 0, 0.4);
	background:none repeat scroll 0 0 #145AF5;
	border:2px solid #D6D6D6;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;	
	display:block;
	height:20px;
	position:absolute;
	width:28px;
	z-index:100;
}
.OSbase {
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	/*-webkit-box-shadow:1px 1px 3px #fff inset;*/
	-moz-box-shadow:1px 1px 3px #fff inset;
	box-shadow:1px 1px 3px #fff inset;
	background:none repeat scroll 0 0 #333333;
	display:block;
	height:10px;
	left:7px;
	position:absolute;
	top:21px;
	width:20px;
	z-index:99;
}
/*@2.1.8 - Error Icon*/
#errorIcon { 
	background:rgba(161,14,14,1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:26px;
	text-align:center;
	text-shadow:0px -1px 1px #333;
	-webkit-box-shadow:inset 1px 1px 5px rgba(255,130,130,0.4),
		inset 0px -2px 5px rgba(0,0,0,0.5),
		inset 0px 2px 5px rgba(255,255,255,0.2);
	-moz-box-shadow:inset 1px 1px 5px rgba(255,130,130,0.4),
		inset 0px -2px 5px rgba(0,0,0,0.5),
		inset 0px 2px 5px rgba(255,255,255,0.2);
	box-shadow:inset 1px 1px 5px rgba(255,130,130,0.4),
		inset 0px -2px 5px rgba(0,0,0,0.5),
		inset 0px 2px 5px rgba(255,255,255,0.2);
}
/*@2.1.9 - Browser Icon*/
/*@2.1.10 - Magnifing Glass Icon*/
#searchIcon { 
	background:rgba(62,201,231,0.5);
	border:2px solid #000;
	display:block;
	width:20px;
	height:20px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow:inset 2px 2px 2px rgba(255,255,255,0.4),
		inset -2px -1px 5px rgba(255,255,255,0.7),
		inset 5px 5px 10px rgba(255,255,255,0.8);
	-moz-box-shadow:inset 2px 2px 2px rgba(255,255,255,0.4),
		inset -2px -1px 5px rgba(255,255,255,0.7),
		inset 5px 5px 10px rgba(255,255,255,0.8);
	box-shadow:inset 2px 2px 2px rgba(255,255,255,0.4),
		inset -2px -1px 5px rgba(255,255,255,0.7),
		inset 5px 5px 10px rgba(255,255,255,0.8);
}
#searchIcon > span{
	background:rgba(63,37,11,1);
	display:block;
	height:17px;
	margin:18px;
	width:4px;
	-webkit-transform:rotate(-30deg);
	-moz-transform:rotate(-30deg);
	-o-transform:rotate(-30deg);
	transform:rotate(-30deg);
	-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.5);
}


/*###############
@3 - Stats Styles
###############*/
#statsInfo {
	margin-left:10%;
	margin-top:50px;
	width:85%;
	position:relative;
	z-index:950;
}
.statsSection {
	background:rgba(0,0,0,1); /*black background*/
	border:2px solid #fff;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	width:100%;
	margin:20px 0;
}
.statsSection h2 {
	background:#fff;
	color:#000;
	font-weight:bold;
	text-shadow:-1px 0 1px #fff;
}
.statsSection:nth-child(even)	{ background:rgba(196,32,38,0.3); } /*red background*/
.statsSection:nth-child(even) h2{
	background:#000;
	color:#fff;
	text-shadow:none;
	text-shadow:-1px 0 1px #000;
}
.statsSection img {
	margin:5px auto;
	display:block;
}
.tableHold {
	margin:10px auto;
}
/*@3.1 - Stats Tables*/
section table {
	background:#fff;
	border-collapse:collapse;
	border:1px solid #999;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:10px;
}
section tr, section td, section th		{ border:1px solid #999; }
section th	{ 
	background:#666;
	font-weight:normal;
	font-size:14px;
	color:#fff;
	text-shadow:0px 2px 3px #333;
	padding:5px 7px;
}
h2+table { margin:10px auto; }
section th.Pages	{ color:#80C65A; font-weight:bold; }
section th.Hits		{ color:#76A4FB; font-weight:bold;}
section th.Visits	{ color:#AA0033; font-weight:bold;}
section table img	{ display:inline; margin:0 2px; }
section table tr:first-child		{ -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; }
section table tr:nth-child(even)	{ background:#CCC; }
section table tr:hover				{ background:rgba(255,64,64,0.7); }
section table th:hover td			{ background:#060; }
section table td					{ padding:1px 5px; }
section table th.Last-visit-date	{ min-width:115px; }

/*@3.1.2 Stats Grid*/
.dataTables_wrapper {
	width:90%;
	margin:0 auto;
}
.dataTables_wrapper table { margin:0 auto; width:100%; }

.dataTableTop { 
	height:2em;
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
 }
.dataTableTop,
.paging_full_numbers {
	background:rgba(196,32,38,0.3);
	font-family:"PT Sans", Verdana, Geneva, sans-serif;
	font-size:18px;
	position:relative;
}
.dataTables_length {
	position:absolute;
	top:10px;
	left:2%;
}

.dataTables_info {
	text-align:center;
	padding:8px 0;
}
.dataTables_filter {
	position:absolute;
	top:8px;
	right:2%;
}

.dataTables_wrapper .date {
	width:190px;
	text-align:center;
	padding:5px 0;
}
.dataTables_filter input {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid rgba(255,64,64,0.7);
}

.paging_full_numbers {
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius:0 0 10px 10px;
	font-weight:bold;
	text-align:center;
}
.paginate_button {
	padding:2px 10px;
	cursor:pointer;
	color:#4d0f0f;
	text-shadow:0px 1px 0px #fff;
}
.paginate_active {
	padding:1px 15px;
	border-bottom:1px #c42026;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.7);
	box-shadow:0 2px 2px rgba(0,0,0,0.7);
}

.paginate_button:hover {
	background:rgba(1,210,67,0.3);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 2px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 2px 2px 5px rgba(0,0,0,0.5);
	box-shadow:inset 2px 2px 5px rgba(0,0,0,0.5);
}

.paginate_button:focus {
	background:rgba(1,210,67,0.6);
	-webkit-box-shadow:inset -2px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:inset -2px 2px 5px rgba(0,0,0,0.5);
	box-shadow:inset -2px 2px 5px rgba(0,0,0,0.5);
}

.dataTables_wrapper .first,
.dataTables_wrapper .previous,
.dataTables_wrapper .nxet,
.dataTables_wrapper .last {
	padding:2px 7px;
}

.dataTables_wrapper .previous		{ margin:0 30px 0 10px; }
.dataTables_wrapper .next			{ margin:0 10px 0 30px; }
.dataTables_wrapper .previous+span	{ margin:0 50px; }


/*@3.2 - Section Specific Styles*/
#todayStats {
	color:#fff;
	font-size:18px;
	margin:10px;
}
/*@3.2.1 Year to Date*/
#y2d table { margin:10px auto; }

/*@3.2.2 Daily Breakdown*/
#daily					{ min-width:850px; }
#dailyTotal, #dailyAvg	{ width:400px; margin:5px; float:left; }
#daily table 			{ margin:10px auto; }
#dailyTotal h3, #dailyAvg h3{ text-align:center; color:#fff; }

/*@3.2.2 Hourly */
#hours .tableHold { width:50%; min-width:550px;}
#hours table { float:left; margin:10px; }

/*@3.2.3 - Monthly */
#month	{ min-width:960px; }
#month .tableHold { width:70%; min-width:750px; }
#month table { float:left; margin:10px; }

/*@3.2.4 - Browser/OS */
#browserOS { min-width:850px; }
#browser, #os {
	margin:10px;
}
#browser.tableHold, #os.tableHold {
	width:400px;
	float:left;
}
#browserOS table {
	margin:10px auto;
}
#browserOS table img {
	margin:2px;
	float:left;
}

/*@3.2.5 - Domain/IP*/
#domainIP	{ min-width:975px; }
#domainIP .tableHold { width:95%; }
#domainIP .tableHold img	{ float:right; }
#domainIP .tableHold h2		{ width:40%; min-width:400px; }
#domainIP .tableHold table	{ margin:5px 10px; }

/*@3.2.6 - Files/Pages*/
#content .tableHold { min-width:900px; }
#content aside	{ float:left; margin:10px; }

#files	{ width:250px; }
#pages	{ max-width:600px; }
#files table img { float:left; margin:0; }

/*@3.2.7 - Robots/Refferals/Search*/
#se, #searchPhrase, #searchWord		{ width:320px; }
#robots	{ width:400px; }
#se, #robots, #searchPhrase, #searchWord		{ float:left; margin:10px; }

#searches  .tableHold { min-width:700px; }
#reffs .tableHold { min-width:800px; }
aside h2+table { margin:10px auto; }

/*@3.2.8 - Errors*/



/*###############
@9.0 - Footer/Globals
###############*/
footer {
	margin:50px auto;
	background:rgba(236,166,192,0.9);
	-webkit-box-shadow:2px 2px 4px rgba(236,166,192,0.7),
					4px 4px 8px rgba(236,166,192,0.3),
					inset 2px 2px 4px rgba(201,121,151,0.7),
					inset 4px 4px 8px rgba(201,121,151,0.3);
	text-align:center;
	padding:5px;
}
.floatLeft	{ float:left; }
.floatRight	{ float:right; }
.clear		{ clear:both; }
.hidden		{ display:none; }
.bold		{ font-weight:bold; }
.italic		{ font-style:italic; }
/*###############
@10.0 - jQuery Plugins
###############*/
/*###############
@10.1 - Colorbox theme 2
###############*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/nordlicht/funn/img/colorbox/t2/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/nordlicht/funn/img/colorbox/t2/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/*###############
@10.2 - Datepicker
###############*/
/* Default styling for jQuery Datepicker v4.0.4. */
.datepick-popup { z-index: 1000; }
.datepick-disable {
	position:absolute;
	z-index:100;
	background-color:white;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.datepick a { color:#fff; text-decoration:none; }
.datepick a.datepick-disabled { color:#888; cursor:auto; }
.datepick button {
	margin:0.25em;
	padding:0.125em 0em;
	background-color:#fcc;
	border:none;
	border-radius:0.25em;
	-moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	font-weight:bold;
}
.datepick-nav, .datepick-ctrl {
	float:left;
	width:100%;
	background-color:#000;
	color:#fff;
	font-size:90%;
	font-weight:bold;
}
.datepick-ctrl { background-color:#600; }
.datepick-cmd { width:30%; }
.datepick-cmd:hover { background-color:#777; }
.datepick-ctrl .datepick-cmd:hover { background-color:#f08080; }
.datepick-cmd-prevJump, .datepick-cmd-nextJump { width:8%; }
a.datepick-cmd { height:1.5em; }
button.datepick-cmd { text-align:center; }
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear { float:left; padding-left:2%; }
.datepick-cmd-current, .datepick-cmd-today {
	float:left;
	width:35%;
	text-align:center;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
	float:right;
	padding-right:2%;
	text-align:right;
}
.datepick-month-nav {
	float:left;
	background-color:#777;
	text-align:center;
}
.datepick-month-nav div {
	float:left;
	width:12.5%;
	margin:1%;
	padding:1%;
}
.datepick-month-nav span { color:#888; }
.datepick-month-row { clear:left; }
.datepick-month {
	float:left;
	width:15em;
	border:1px solid #444;
	text-align:center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
	height:1.5em;
	background-color:#444;
	color:#fff;
	font-weight:bold;
}
.datepick-month-header select, .datepick-month-header input { height:1.4em; border:none; }
.datepick-month-header input { position:absolute; display:none; }
.datepick-month table { width:100%; border-collapse:collapse; }
.datepick-month thead { border-bottom:1px solid #aaa; }
.datepick-month th, .datepick-month td {
	margin:0em;
	padding:0em;
	font-weight:normal;
	text-align:center;
}
.datepick-month th { border:1px solid #777; }
.datepick-month th, .datepick-month th a { background-color:#777; color:#fff; }
.datepick-month td { background-color:#eee; border:1px solid #aaa; }
.datepick-month td.datepick-week { border: 1px solid #777; }
.datepick-month td.datepick-week * {
	background-color: #777;
	color: #fff;
	border: none;
}
.datepick-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
.datepick-month span {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
}
.datepick-month td span { color: #888; }
.datepick-month td .datepick-other-month	{ background-color: #fff; }
.datepick-month td .datepick-weekend 		{ background-color: #ddd; }
.datepick-month td .datepick-today 			{ background-color: #f0c0c0; }
.datepick-month td .datepick-selected		{ background-color: #777; color: #fff; }
.datepick-month th.datepick-week 			{ background-color: #777; color: #fff; }
.datepick-status {
	clear: both;
	background-color: #ddd;
	text-align: center;
}
.datepick-clear-fix	{ clear: both; }
.datepick-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -1px;
	left: -1px;
	width: 100px;
	height: 100px;
}


/*buffel skin for datepicker*/
.datepick.buffel { 
	font-size:18px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
/*nav bar on datepicker*/
.buffel .datepick-nav {
	background:rgba(211, 119, 218, 0.7);
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	-moz-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.buffel .datepick-ctrl {
	background:rgba(211, 119, 218, 0.7);
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0  10px 10px;
	border-radius:0 0 10px 10px;
	-moz-box-shadow:inset -2px -2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:inset -2px -2px 5px rgba(0, 0, 0, 0.5);
	box-shadow:inset -2px -2px 5px rgba(0, 0, 0, 0.5);
}
.buffel .datepick-nav a { color:#000; margin-top:3px; }

.buffel .datepick-cmd:hover {
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	-moz-box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.4);
	background:#fff;
}

.buffel .datepick-ctrl a:hover {
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
	background:#f08080;
}
/*month dropdown*/
.buffel .datepick-month-header {
	background:#b384b3;
	height:35px;
}
.buffel .datepick-month-header select {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    background:#fff;
    color:#000;
    height:30px;
    margin:3px 5px;
    padding:5px;
    -moz-box-shadow:inset -2px -2px 2px rgba(0, 0, 0, 0.5),
			inset 2px 2px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:inset -2px -2px 2px rgba(0, 0, 0, 0.5),
			inset 2px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow:inset -2px -2px 2px rgba(0, 0, 0, 0.5),
			inset 2px 2px 2px rgba(0, 0, 0, 0.5);
}
/*date range month table*/
.buffel .datepick-month th {
	background:rgba(167,213,215,0.8);
	border:1px solid #777;
	text-shadow:2px 2px 4px rgba(167,231,215,0.9);
	color:#000;
}
.buffel .datepick-month td a:hover {
	background:rgba(155,203,204,1);
}


/*###############
@10.3 - jQuery DropDown
###############*/
/*buffel skin*/
.buffel .ddTitle {
	background:#000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	height:45px;
	width:300px !important;
	-moz-box-shadow:inset 2px 2px 10px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow:inset 2px 2px 10px rgba(255, 255, 255, 0.5);
	box-shadow:inset 2px 2px 10px rgba(255, 255, 255, 0.5);
	padding:5px 3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:36px;
	position:relative;
}
.buffel .ddTitle span.arrow {
	background:transparent url(/nordlicht/funn/img/others/down-arrows2.png) no-repeat top left;
	float:right;
	display:inline-block;
	width:30px;
	height:31px;
	cursor:pointer;
	position:relative;
	top:5px;
	right:2px;
}
.buffel .ddTitle:hover { cursor:pointer; }
.buffel .ddTitle:hover span.arrow,
.buffel .ddTitle span.arrow:hover {
	background-position:left -31px !important;
	cursor:pointer;
}
.buffel .ddTitle span.ddTitleText {
	overflow:hidden;
	font-family:"OFL Sorts Mill Goudy+TT", Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	line-height:33px;
	color:#fff;
	position:absolute;
	top:5px;
	left:10px;
	_position:relative;
	_top:4px;
	overflow-x:hidden;
	width:75%;
}
.buffel .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;}
.buffel .ddTitle img.selected {
	padding:0 2px 0 0;
	vertical-align:top;
}
.buffel .ddChild {
	background:#fff;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;	
	border:1px solid #c3c3c3;
	border-top:none;
	padding-bottom:20px;
	display:none;
	margin:0;
	position:absolute;
	overflow:auto;
	overflow-x:hidden !important;
	font-size:14px;
	-moz-box-shadow:inset 2px -10px 10px rgba(219, 5, 85, 0.2);
	width:297px !important;
}

.buffel .ddChild .opta a, .buffel .ddChild .opta a:visited { padding-left:10px}
.buffel .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.buffel .ddChild a:hover { background-color:#66CCFF; }
.buffel .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.buffel .ddChild a.selected { background-color:#9f76a1; }
.buffel .borderTop { border-top:1px solid #c3c3c3  !important; }
.buffel .noBorderTop { border-top:none 0  !important; }